.ralatePopupClass {
  height: 606px !important;

  .bm-close {
    top: 16px;
  }

  //关联弹窗搜索框
  .relatePop-container {
    padding: 10px 16px 0;
    box-sizing: border-box;
    height: 100%;

    .relatePopup-search {
      .relatePopup-search-bar {
        padding: 0;

        .at-icon-search {
          color: rgba(0, 0, 0, 0.3) !important;
        }

        .at-search-bar__placeholder-wrap {
          justify-content: start;
          padding: 0 9px;
        }

        .at-search-bar__input {
          padding: 0 32px;
        }
      }
    }

    .relate-content {
      height: 512px;
      overflow: auto;

      .relate-content1 {
        margin-top: 8px;

        .relate-content-topic {
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          color: rgba(0, 0, 0, 0.5);
        }

        .relate-content1-main {
          width: 100%;
          height: 214px;
          background: rgb(243, 243, 243);
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 12px;

          .egCigar {
            width: 314px;
            height: 84px;
            align-self: center;
            margin-top: 16px;
          }

          .relate-content-tips {
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0px;
            color: rgba(0, 0, 0, 0.5);
            margin-top: 22px;
          }

          .relate-content-btn {
            width: 160px;
            height: 36px;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 12px;

            .camera {
              width: 15px;
              height: 12px;
            }

            .relate-content-btn1 {
              font-size: 14px;
              font-weight: 400;
              line-height: 20px;
              letter-spacing: 0px;
              color: rgb(255, 255, 255);
              margin-left: 8px;
            }
          }
        }

      }

      .relate-content2 {
        margin-top: 12px;

        .relate-content-topic {
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          letter-spacing: 0px;
          color: rgba(0, 0, 0, 0.5);
        }

        .relate-content-relateHistory {
          width: 100%;
          height: 182px;
          margin-top: 12px;
          margin-top: 12px;
          display: flex;
          overflow-x: auto;
          white-space: nowrap;
          align-items: flex-start;


          .relate-content-receiveCigar {
            margin-right: 12px;
            width: 90px;
            height: 100%;

            .relate-content-cigar {
              width: 90px;
              height: 90px;
              box-sizing: border-box;
              border: 3rpx solid #E5E5E5;
              display: flex;
              align-items: center;
              justify-content: center;

              .content-pic {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: contain;
                object-position: center;
              }
            }

            .relate-content-name {
              width: 90px;
              line-height: 1.6;
              font-size: 14px;
              font-weight: 400;
              height: 40px;
              letter-spacing: 0px;
              text-align: center;
              color: rgba(0, 0, 0, 0.9);
              display: -webkit-box; // 关键
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2; // 显示两行
              overflow: hidden; // 超出隐藏
              text-overflow: ellipsis;
              white-space: normal !important;
              word-break: break-all; // 英文/长词也能断
              overflow-wrap: anywhere;
            }

            .relate-content-relateBtn {
              width: 54px;
              height: 28px;
              background: rgb(244, 244, 244);
              font-size: 12px;
              font-weight: 400;
              line-height: 17px;
              letter-spacing: 0px;
              text-align: center;
              color: rgba(0, 0, 0, 0.9);
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 12px auto 0;
            }
          }

          .relate-content-tail {
            flex: 0 0 auto;
            width: 20px;
            height: 182px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0, 0, 0, 0.5);
            font-size: 12px;
            writing-mode: vertical-rl;
            text-orientation: upright;
            line-height: 1.7;
            white-space: normal;
            letter-spacing: 6px;
          }
        }
      }
    }

  }
}